<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,
  maximum-scale=1.0, minimum-scale=1.0">
    <title>阿里百秀</title>
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container box">
<div class="row">
<!--    左边-->
    <div class="left col-md-2 clearfix">
        <div class="row left1">
            <a class="logo col-md-12" href="#">
                <div class=" col-md-12">
                    <img class="  visible-sm visible-lg" src="images/logo.png" alt="">
                    <span class="visible-xs  al"> 阿里百秀</span>
                </div>
            </a>
            <!--            -->
   <div class="col-md-12 navigation">
       <ul>
           <li class="li"><a class="link" href="#"><span class="glyphicon glyphicon-camera"></span>生活馆</a></li>
           <li class="li"><a class="link" href="#"><span class="glyphicon glyphicon-picture"></span>自然汇</a></li>
           <li class="li"><a class="link" href="#"><span class="glyphicon glyphicon-phone"></span>科技湖</a></li>
           <li class="li"><a class="link" href="#"><span class="glyphicon glyphicon-camera"></span>奇趣事</a></li>
           <li class="li"><a class="link" href="#"><span class="glyphicon glyphicon-grain"></span>美食节</a></li>
       </ul>

   </div>
        </div>
    </div>
<!--  中间  -->
    <div class="main col-sm-12  col-md-7 clearfix">
<!--        class=“clearfix” 清除浮动-->
   <ul class="newsModule  clearfix">
       <li class="col-sm-6 news"><a href="#"><img src="img/1.jpg" alt=""><span>同步赞百科营销服务正式发布</span></a></li>
       <li class="col-sm-3 news"><a href="#"><img src="img/2.jpg" alt=""><span>自助发稿融媒体平台赞传媒正式上线，赠免费写稿服务</span></a></li>
       <li class="col-sm-3 news"><a href="#"><img src="img/cl.jpeg" alt=""><span>世界真美 令人惊叹 卫星拍地球风景地貌</span></a></li>
       <li class="col-sm-3 news"><a href="#"><img src="img/wx.jpg" alt=""><span>爱美必看！5种食物让你吃出柔顺秀发！</span></a></li>
       <li class="col-sm-3 news"><a href="#"><img src="img/jj.jpeg" alt=""><span>温馨提示：空腹开车危险性等同酒驾 容易发生意外</span></a></li>
   </ul>
        <div class="row  headlines">
            <div class="col-sm-9  headlines1">
                <h4>生活馆 关于指甲的10个健康知识 你知道几个？</h4>
                <p class="text-muted Small">alibaixiu 发布于 2015-11-23</p>
                <p>指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
                <span class="text-muted">阅读(2417)评论(1)赞 (18) 标签：健康 / 感染 / 指甲 / 疾病 / 皮肤 / 营养 / 趣味生活</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img class="hidden-xs" src="img/zj.jpg" alt="">
            </div>
        </div>

        <!----------------------------------------------------------------------------------------------->
        <div class="row  headlines">
        <div class="col-sm-9  headlines1">
                <h4>警惕！这3种水果竟是胃病癌变的“催化剂”</h4>
                <p class="text-muted Small">发布于 2015-11-23</p>
                <p>指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
                <span class="text-muted">分类：生活来源：新民网阅读(2533)</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img src="img/sc.jpg" alt="">
            </div>
        </div>

        <!----------------------------------------------------------------------------------------------->
        <div class="row  headlines">
        <div class="col-sm-9  headlines1">
                <h4>竹子真的是大熊猫最爱吗？NO，国宝也吃肉</h4>
                <p class="text-muted Small">发布于 2015-11-19</p>
                <p>大多数人认为熊猫最爱吃的食物就是竹子，是食草动物。殊不知，大熊猫还是食肉动物。近日，研究者发现大熊猫的肠道菌群不适合消化竹子更容易消化肉类，真的吗？</p>
                <span class="text-muted">分类：奇趣阅读(3486)</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img src="img/xm.jpeg" alt="">
            </div>
        </div>

        <!----------------------------------------------------------------------------------------------->
        <div class="row  headlines">
        <div class="col-sm-9  headlines1">
                <h4>神奇！可办公可拍照的智能戒指</h4>
                <p class="text-muted Small">发布于 2015-11-23</p>
                <p>是不是看赌神的时候特别想拥有一个周润发那样的戒指？现在Neyya智能戒就跟那个有异曲同工之妙，但Neyya智能戒不能帮你赌博，Neyya智能戒指通过蓝牙与电脑或智能手机连接，戴在手指上就可直接操控办公软件的展示工作。不仅如此，它还可以用来展示材料、自拍等。</p>
                <span class="text-muted">分类：科技来源：知道早报阅读(2478)</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img src="img/sj.jpeg" alt="">
            </div>
        </div>

        <!----------------------------------------------------------------------------------------------->
        <div class="row  headlines">
        <div class="col-sm-9  headlines1">
                <h4>发芽大蒜更有益心脏健康 2种食物发芽后毒似砒霜</h4>
                <p class="text-muted Small">发布于 2015-11-19</p>
                <p>相信很多人都遇到这种情况：买回家的生姜、大蒜、土豆等，放置时间长了会发芽。我们知道发芽的土豆不能吃，那生姜、大蒜、芋头发芽还能不能吃呢？看看下面内容你就知道了。</p>
                <span class="text-muted">分类：生活来源：人民网阅读(2015)</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img src="img/ds.jpeg" alt="">
            </div>
        </div>

        <!----------------------------------------------------------------------------------------------->
        <div class="row  headlines">
        <div class="col-sm-9  headlines1">
                <h4>银饰变黑真的是为人体排毒了吗？</h4>
                <p class="text-muted Small">发布于 2015-11-19</p>
                <p>很多人喜欢佩戴纯银首饰，但是很多人却在佩戴一段时间后发现银饰会变黑。民间的说法是因为银饰可以祛湿排毒，这是真的吗？</p>
                <span class="text-muted">分类：生活来源：环球网阅读(1506)</span>
            </div>
            <div class="col-sm-3 headlinePicture">
                <img src="img/ys.jpeg" alt="">
            </div>
        </div>
    </div>
<!--    右边-->
    <div class="right col-md-3 clearfix">
        <div class="row">
            <div class="col-md-12 right1" >
                <img src="img/zgbk.jpg" alt="">
            </div>
            <div class="col-md-12 right2">
                <span class="btn btn-primary">热搜</span>
                <h4 class="text-primary">欢迎加入中国博客联盟</h4>
                <p>这里收录国内各个领域的优秀博客，是一个全人工编辑的开放式博客联盟交流和展示平台......</p>

            </div>
        </div>
        
        
    </div>
</div>
</div>
</body>
</html>